home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / form-field-help.izs < prev    next >
Text File  |  2005-09-28  |  5KB  |  190 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Form Field Help
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Add a help link to each section in your form. When clicked, an explanation is given of what is required and a box is offered where the information can be entered and transferred to the form. <!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL FORM FIELD HELP:
  15.  
  16.  
  17.  
  18.   1.  Copy code into the HEAD section of document
  19.  
  20.   2.  Put last coding into the BODY section of document  -->
  21.  
  22.  
  23.  
  24. <!-- STEP ONE: Add code into HEAD section of document  -->
  25.  
  26.  
  27.  
  28. <HEAD>
  29.  
  30.  
  31.  
  32. <SCRIPT LANGUAGE="JavaScript">
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <!-- Begin
  39.  
  40. function explain(name, output, msg) {
  41.  
  42. newwin = window.open('','','top=150,left=150,width=325,height=300');
  43.  
  44. if (!newwin.opener) newwin.opener = self;
  45.  
  46. with (newwin.document)
  47.  
  48. {
  49.  
  50. open();
  51.  
  52. write('<html>');
  53.  
  54. write('<body bgcolor=e0ffff onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
  55.  
  56. write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
  57.  
  58. write('<p><center>' + name + ':  <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
  59.  
  60. write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
  61.  
  62. write('</center></form></body></html>');
  63.  
  64. close();
  65.  
  66.    }
  67.  
  68. }
  69.  
  70. //  End -->
  71.  
  72. </script>
  73.  
  74.  
  75.  
  76. </HEAD>
  77.  
  78.  
  79.  
  80. <!-- STEP TWO: Add code into BODY section of document  -->
  81.  
  82.  
  83.  
  84. <BODY>
  85.  
  86.  
  87.  
  88. <form name=form method=post action="/cgi-bin/your-script.cgi">
  89.  
  90. User Name:  <input type=text name="username" size=10>  <a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site.  Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a><br>
  91.  
  92. Password:  <input type=text name="password" size=10>  <a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account.  This password will be required each time you login to the site.  For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
  93.  
  94. </form>
  95.  
  96.  
  97.  
  98. <!-- END OF SCRIPT -->
  99. <!/SCRIPT>
  100.  
  101. <!PREVIEW>
  102. <!-- START OF SCRIPT -->
  103.  
  104. <!-- HOW TO INSTALL FORM FIELD HELP:
  105.  
  106.  
  107.  
  108.   1.  Copy code into the HEAD section of document
  109.  
  110.   2.  Put last coding into the BODY section of document  -->
  111.  
  112.  
  113.  
  114. <!-- STEP ONE: Add code into HEAD section of document  -->
  115.  
  116.  
  117.  
  118. <HEAD>
  119.  
  120.  
  121.  
  122. <SCRIPT LANGUAGE="JavaScript">
  123.  
  124.  
  125.  
  126.  
  127.  
  128. <!-- Begin
  129.  
  130. function explain(name, output, msg) {
  131.  
  132. newwin = window.open('','','top=150,left=150,width=325,height=300');
  133.  
  134. if (!newwin.opener) newwin.opener = self;
  135.  
  136. with (newwin.document)
  137.  
  138. {
  139.  
  140. open();
  141.  
  142. write('<html>');
  143.  
  144. write('<body bgcolor=e0ffff onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
  145.  
  146. write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
  147.  
  148. write('<p><center>' + name + ':  <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
  149.  
  150. write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
  151.  
  152. write('</center></form></body></html>');
  153.  
  154. close();
  155.  
  156.    }
  157.  
  158. }
  159.  
  160. //  End -->
  161.  
  162. </script>
  163.  
  164.  
  165.  
  166. </HEAD>
  167.  
  168.  
  169.  
  170. <!-- STEP TWO: Add code into BODY section of document  -->
  171.  
  172.  
  173.  
  174. <BODY>
  175.  
  176.  
  177.  
  178. <form name=form method=post action="/cgi-bin/your-script.cgi">
  179.  
  180. User Name:  <input type=text name="username" size=10>  <a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site.  Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a><br>
  181.  
  182. Password:  <input type=text name="password" size=10>  <a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account.  This password will be required each time you login to the site.  For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
  183.  
  184. </form>
  185.  
  186. <!-- END OF SCRIPT -->
  187. <!/PREVIEW>
  188.  
  189. <!RELATED>NONE<!/RELATED>
  190.